<!doctype html>
<html>
<head>
    <meta name="runenv" content="cao">
    <meta charset="utf-8">
	<!-- <meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *; img-src 'self' data: content:;"> -->
	<meta name="format-detection" content="telephone=no">
	<meta name="msapplication-tap-highlight" content="no">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black"> 

    <title>美宅科技-智购宝</title> 
    <!-- Path to Framework7 Library CSS-->
    <link rel="stylesheet" type="text/css" href="css/framework7.ios.min.css">
    <link rel="stylesheet" type="text/css" href="css/swiper.min.css">
    <link rel="stylesheet" type="text/css" href="css/rest.css"> 
    <link rel="stylesheet" type="text/css" href="css/my-app.css">
</head>
<body>
<div class="statusbar-overlay"></div>
<!-- <div class="panel-overlay"></div>  -->
<div class="views"><div class="view view-main"><div class="pages navbar-through">
    <!-- ###########登录页面 ################-->
    <!-- <div data-page="p-login" class="login-screen modal-in" id="p-login"> -->
    <div data-page="p-login" id="p-login" class="page">
        <div class="common_banner login_bg"><img src="images/bglogin.png"></div>
            <div class="login_title">登录</div>
            <div class="main clearfix">
                <form class="ajax-submit-login">
                    <div class="login_box borderradius boxshadow clearfix">
                      <p class="login_con">
                        <input type="text" maxlength="11" name="mobile" placeholder="请输入手机号" class="phone_input" value='dev' />
                        <!-- name = "phone" -->
                        <a class="code">获取验证码</a> 
                      </p>
                      <p class="login_con">
                        <input type="text" name="password" placeholder="请输入验证码" class="code_input" value='123456' />
                        <!-- name = "code" -->
                      </p>
                    </div>
                    <p class="login_btn login_btn_bg submit-button submitted"><a href="#" class="item-link list-button whitewordcolor close-login-screen">登录</a></p>
                    <p class="login_footword">温馨提示：未注册手机号码验证通过后，将自动为您创建新账户</p>
                </form>
            </div>           
    </div>
    <!-- ###########登录页面 END ################-->

    <!-- ###########首页 start ################-->
    <div data-page="p-home" id="p-home" class="page cached">
        <!-- 导航栏 -->
        <div class="navbar nav_color">
            <div class="navbar-inner">
                <div class="left sliding">
                    <a href="#p-myInfo" class="link icon-only animation">
                        <i class="hicon icon-back"><img src="images/my.png" class="head_icon"></i>
                    </a>
                </div>
                <div class="middle title_color">智购宝●MoMall</div>
                <div class="right">
                    <a href="#p-messagelist" class="link icon-only">
                        <i class="hicon icon-bars"><img src="images/message.png" class="head_icon"></i>
                    </a>
                </div>
            </div>
        </div> 
        <div class="page-content pull-to-refresh-content">
            <div class="alert_newprogram hidden"><img src="images/notice.png"><span>收到新方案，下滑刷新查看！</span></div>
            <!-- 下拉刷新 -->
            <div class="pull-to-refresh-layer">
                <div class="preloader"></div>
                <div class="pull-to-refresh-arrow"></div>
            </div>
            <!-- 下拉刷新 end -->

            <div class="swiper-container index_banner">
                <div class="swiper-wrapper">
                    <div class="swiper-slide"><img src="images/imglist/1.jpg"/></div>
                    <div class="swiper-slide"><img src="images/imglist/1.jpg"/></div>
                    <div class="swiper-slide"><img src="images/imglist/1.jpg"/></div>
                    <div class="swiper-slide"><img src="images/imglist/1.jpg"/></div>
                </div>
                <div class="pagination index_banner_list_point"></div>
            </div>

            <div class="main">
                <ul class="row main_nav borderradius boxshadow">
                    <li class="col-25"><a href="#p-shop"><img src="images/shop.png"><u>商城</u></a></li>
                    <li class="col-25"><a href="#p-coupon"><img src="images/getcoupon.png"><u>发卷</u></a></li>
                    <li class="col-25"><a href="#p-createplan"><img src="images/achievement.png"><u>创建方案</u></a></li>
                    <li class="col-25"><a href="#p-newclient"><img src="images/newuser.png"><u>+新顾客</u></a></li>
                </ul>
                <div class="content_title borderradius boxshadow clearfix">
                    <p class="content_title_left">最新方案</p>
                    <p class="content_title_right wordcolor"><a href="#p-packagelist" class="item-link item-content wordcolor">更多</a></p>
                </div> 
                <div class="content clearfix">
                  <ul class="lists clearfix">
                    <li class="listone borderradius boxshadow">
                      <p class="imgbox">
                        <img src="images/imglist/1.jpg">
                        <span class="shareflag"><img src="images/indexshare.png"></span>
                      </p>
                      <p class="word_one">
                        <a class="word_one_left">顾客号：123456789</a>
                        <a class="word_one_right">方案名称</a>
                      </p>
                      <p class="word_two">
                        <a class="word_two_top">风格：现代简约   三室一厅|84㎡</a>
                        <a class="word_two_bottom">2017-08-03  15:23</a>
                      </p>
                    </li>
                    <li class="listone borderradius boxshadow">
                      <p class="imgbox">
                        <img src="images/imglist/1.jpg">
                        <span class="shareflag"><img src="images/indexshare.png"></span>
                      </p>
                      <p class="word_one">
                        <a class="word_one_left">顾客号：123456789</a>
                        <a class="word_one_right">方案名称</a>
                      </p>
                      <p class="word_two">
                        <a class="word_two_top">风格：现代简约   三室一厅|84㎡</a>
                        <a class="word_two_bottom">2017-08-03  15:23</a>
                      </p>
                    </li>
                  </ul>
                </div> 
            </div>
        </div>
    </div>
    <!-- ###########首页 END ################-->
    
    <!-- ###########商城 start ################-->
    <div id="p-shop" data-page="p-shop" class="page cached">   
        <div class="navbar nav_color">
            <div class="navbar-inner">
                <div class="left sliding"><a href="#p-home" class="link icon-only back animation">
                    <i class="hicon icon-back"><img src="images/back.png" class="back head_icon"></i></a>
                </div>
                <div class="sliding title_color">商城</div>
                <div class="right"><a href="#" class="link icon-only open-panel"></a></div>
            </div>
        </div>                       
        <div class="page-content">
            <div class="con-background"></div>
            <div class="main clearfix">
                <div class="mall_box borderradius boxshadow">
                <!-- 搜索 框-->
                    <form class="shop_search">
                        <input type="search" placeholder="Search" class="search_input">                          
                    </form>
                  <!-- 搜索end -->
                <div class="mall_select_box">
                    <div class="mall_select_value"><p>全部品牌<i class="icon_sanjiao"></i></p></div>
                    <div class="mall_select_list borderradius">
                        <p class="title">品牌</p>
                        <ul class="borderradius">
                            <li>品牌1</li>
                            <li>品牌1</li>
                            <li>品牌1</li>
                            <li>品牌1</li>
                        </ul>
                    </div>
                </div>
                  <!-- 搜索2 -->
                <div class="mall_select_box">
                    <div class="mall_select_value"><p>全部品类<i class="icon_sanjiao"></i></p></div>
                    <div class="mall_select_list borderradius">
                        <p class="title">品类</p>
                        <ul class="borderradius">
                            <li>品类一</li>
                            <li>品类一</li>
                            <li>品类一</li>
                        </ul>
                    </div>
                </div>
                <!-- 搜索3 -->
                <div class="mall_select_box">
                    <div class="mall_select_value"><p>全部风格<i class="icon_sanjiao"></i></p></div>
                    <div class="mall_select_list borderradius">
                      <p class="title">风格</p>
                        <ul class="borderradius">
                            <li>风格一</li>
                            <li>风格一</li>
                            <li>风格一</li>
                        </ul>
                    </div>
                </div>
                   <!-- 搜索4 -->
                <div class="mall_select_box">
                    <div class="mall_select_value"><p>月销量<i class="icon_sanjiao"></i></p></div>
                    <div class="mall_select_list borderradius">
                        <p class="title">销量</p>
                        <ul class="borderradius">
                            <li>从高到低</li>
                            <li>从低到高</li>
                        </ul>
                    </div>
                </div>
                </div> 
                <!-- 商品列表 -->
                <ul class="goodslist_box">
                    <li class="goods boxshadow">
                        <div class="goods_img"><a href="#p-commoditydetails" class="item-link item-content"><img src="images/lizi.png"></a></div>
                        <div class="goodsword">【品牌】这里是品牌的简介品牌的简介</div>
                        <div class="goodsword_foot">
                            <div class="redword">¥999</div>
                            <div class="graysmallword first_child">¥1999</div>
                            <div class="graysmallword">月售6笔</div>
                            <div class="addgoods cursor">
                            <a href="#" title="加入购物车" class="baseBg Q-buy-btn" id="buy-s-1"></a>
                        </div>
                        </div>
                    </li>
                    <li class="goods boxshadow">
                        <div class="goods_img"><a href="#p-commoditydetails" class="item-link item-content"><img src="images/lizi.png"></a></div>
                        <div class="goodsword">【品牌】这里是品牌的简介品牌的简介</div>
                        <div class="goodsword_foot">
                            <div class="redword">¥999</div>
                            <div class="graysmallword first_child">¥1999</div>
                            <div class="graysmallword">月售6笔</div>
                            <div class="addgoods cursor">
                            <a href="#" title="加入购物车" class="baseBg Q-buy-btn" id="buy-s-1"></a>
                        </div>
                        </div>
                    </li>
                    <li class="goods boxshadow">
                        <div class="goods_img"><a href="#p-commoditydetails" class="item-link item-content"><img src="images/lizi.png"></a></div>
                        <div class="goodsword">【品牌】这里是品牌的简介品牌的简介</div>
                        <div class="goodsword_foot">
                            <div class="redword">¥999</div>
                            <div class="graysmallword first_child">¥1999</div>
                            <div class="graysmallword">月售6笔</div>
                            <div class="addgoods cursor">
                            <a href="#" title="加入购物车" class="baseBg Q-buy-btn" id="buy-s-1"></a>
                        </div>
                        </div>
                    </li>
                    <li class="goods boxshadow">
                        <div class="goods_img"><a href="#p-commoditydetails" class="item-link item-content"><img src="images/lizi.png"></a></div>
                        <div class="goodsword">【品牌】这里是品牌的简介品牌的简介</div>
                        <div class="goodsword_foot">
                            <div class="redword">¥999</div>
                            <div class="graysmallword first_child">¥1999</div>
                            <div class="graysmallword">月售6笔</div>
                            <div class="addgoods cursor">
                            <a href="#" title="加入购物车" class="baseBg Q-buy-btn" id="buy-s-1"></a>
                        </div>
                        </div>  
                    </li>
                    <li class="goods boxshadow">
                        <div class="goods_img"><a href="#p-commoditydetails" class="item-link item-content"><img src="images/lizi.png"></a></div>
                        <div class="goodsword">【品牌】这里是品牌的简介品牌的简介</div>
                        <div class="goodsword_foot">
                            <div class="redword">¥999</div>
                            <div class="graysmallword first_child">¥1999</div>
                            <div class="graysmallword">月售6笔</div>
                            <div class="addgoods cursor">
                            <a href="#" title="加入购物车" class="baseBg Q-buy-btn" id="buy-s-1"></a>
                        </div>
                        </div>
                    </li>
                    <li class="goods boxshadow">
                        <div class="goods_img"><a href="#p-commoditydetails" class="item-link item-content"><img src="images/lizi.png"></a></div>
                        <div class="goodsword">【品牌】这里是品牌的简介品牌的简介</div>
                        <div class="goodsword_foot">
                            <div class="redword">¥999</div>
                            <div class="graysmallword first_child">¥1999</div>
                            <div class="graysmallword">月售6笔</div>
                            <div class="addgoods cursor">
                            <a href="#" title="加入购物车" class="baseBg Q-buy-btn" id="buy-s-1"></a>
                        </div>
                        </div>
                    </li>
                </ul>
                 <div class="toolbar clearfix J-shoping">
                  <div class="toolbar-inner">
                    <p class="shop_foot_left redword">合计（3）：¥6999</p>
                    <p class="shop_foot_right bgcolor cursor">
                      <a href="#p-purpose" class="item-link item-content whitewordcolor">查看意向商品</a>
                    </p>
                  </div>
                  <div class="addcart J-shoping-num">0</div>
                </div>
            </div>
        </div>
    <!-- ###########商城 end ################-->

    <!-- ###########商城详情页 start########## -->
    <div id="p-commoditydetails" data-page="p-commoditydetails" class="page cached">
        <div class="navbar nav_color">
            <div class="navbar-inner">
                <div class="left sliding"><a href="#p-shop" class="link icon-only back animation">
                    <i class="hicon icon-back"><img src="images/back.png" class="back head_icon"></i></a>
                </div>
                <div class="sliding title_color">商品详情</div>
                <div class="right"><a href="#" class="link icon-only open-panel"></a></div>
            </div>
        </div>
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide"><img src="images/lizi1.png"/></div>
                    <div class="swiper-slide"><img src="images/lizi1.png"/></div>
                    <div class="swiper-slide"><img src="images/lizi1.png"/></div>
                    <div class="swiper-slide"><img src="images/lizi1.png"/> </div>
                </div>
                <div class="pagination goods_banner_list_point"></div>
                <div class="shareflag"><img src="images/indexshare.png"></div>
            </div>
            <div class="goods_details_title bgcolor">
                <p class="priceone">¥999</p>
                <p class="pricetwo"><u>¥1999</u><u>月售8笔</u></p>
                <p class="codebtn_box"><img src="images/writecodeflag.png"></p>
                <p class="Dbtn_box"><img src="images/3d.png"></p>
            </div>
            <div class="goods_details">
                <div class="goods_details_top">
                    <p class="goods_details_top_left">
                        <span>【顾家沙发】</span>这里是沙发的简介这里是沙发的简介
                    </p>
                    <p class="goods_details_top_right"><img src="images/add.png"></p>
                </div>
                <div class="goods_details_con">
                    这里是沙发的简介这里是沙发的简介这里是沙发的简介这里是沙发的简介这里是沙发的简介这里是沙发的简介这里是沙发的简介这里是沙发的简介这里是沙发的简介这里是沙发的简介
                </div>
            </div>
            <div class="toolbar clearfix J-shoping">
                <div class="toolbar-inner">
                    <p class="shop_foot_left redword">合计（3）：¥6999</p>
                    <p class="shop_foot_right bgcolor cursor">
                      <a href="#p-purpose" class="item-link item-content whitewordcolor">查看意向商品</a>
                    </p>
                </div>
                <div class="addcart J-shoping-num">0</div>
            </div>
        </div>
    </div>
    <!-- ###########商城详情页 end########## -->

    <!-- ###########我的 start ################-->
    <div id="p-myInfo" class="page cached" data-page="p-myInfo">
        <div class="navbar nav_color">
            <div class="navbar-inner">
                <div class="left sliding"><a href="#p-home" class="link icon-only back animation">
                    <i class="hicon icon-back"><img src="images/back.png" class="back head_icon"></i></a>
                </div>
                <div class="sliding title_color">我的</div>
                <div class="right"><a href="#" class="link icon-only open-panel"></a></div>
            </div>
        </div>
        <div class="page-content">
            <div class="my_header clearfix">
                <img src="images/lizi.png">
                <p class="myname">某某某</p>
            </div>
            <div class="my_btnlist_box clearfix">
                <ul class="my_btnlist borderradius boxshadow clearfix">
                    <li class="my_btn"><a href="#p-peraonal" class="item-link item-content">个人资料</a></li>
                </ul>
                <ul class="my_btnlist borderradius boxshadow clearfix">
                    <li class="my_btn"><a href="#p-userlist" class="item-link item-content">顾客列表</a></li>
                    <li class="my_btn"><a href="#p-packagelist" class="item-link item-content">方案列表</a></li>
                </ul>
                <ul class="my_btnlist borderradius boxshadow clearfix">
                    <li class="my_btn"><a href="#p-operationlog" class="item-link item-content">操作日志</a></li>
                    <li class="my_btn"><a href="#p-about" class="item-link item-content">关于</a></li>
                </ul>
            </div>
        </div>
    </div>
    <!-- ###########我的 end ################-->

    <!-- ###########发卷 start ################ -->
    <div data-page="p-coupon" id="p-coupon" class="page cached">
        <div class="navbar nav_color">
            <div class="navbar-inner">
                <div class="left sliding"><a href="#p-home" class="link icon-only back animation">
                    <i class="hicon icon-back"><img src="images/back.png" class="back head_icon"></i></a>
                </div>
                <div class="sliding title_color">发券</div>
                <div class="right"><a href="#" class="link icon-only open-panel"></a></div>
            </div>
        </div>
        <div class="page-content infinite-scroll infinite-scroll-top">
            <div class="con-background"></div>
            <div class="main clearfix">
                <ul class="couponlist clearfix">
                    <li class="coupon clearfix">
                        <div class="coupon_bg">
                            <img src="images/couponbg.png">
                            <div class="coupon_con clearfix">
                                <div class="coupon_con_left">
                                    <p class="top">¥100元</p>
                                    <p class="foot">满5000减500</p>
                                </div>
                                <div class="coupon_con_center">
                                    <p class="top">仅限活动商品</p>
                                    <p class="center">2017-05-01~2017-08-07</p>
                                    <p class="foot"><a class="sharebtn">分享</a></p>
                                </div>
                                <div class="coupon_con_right">
                                    <p class="coupon_qrcode"><a href="#" class="open-code open-popover"><img src="images/codeflag.png"></a></p>
                                </div>
                            </div>
                        </div>
                        <div class="popover popover-about clearfix">
                            <img src="images/codeflag.png">
                        </div>
                    </li>
                    <li class="coupon clearfix">
                        <div class="coupon_bg">
                            <img src="images/couponbg.png">
                            <div class="coupon_con clearfix">
                                <div class="coupon_con_left">
                                    <p class="top">¥100元</p>
                                    <p class="foot">满5000减500</p>
                                </div>
                                <div class="coupon_con_center">
                                    <p class="top">仅限活动商品</p>
                                    <p class="center">2017-05-01~2017-08-07</p>
                                    <p class="foot"><a class="sharebtn">分享</a></p>
                                </div>
                                <div class="coupon_con_right">
                                    <p class="coupon_qrcode"><a href="#" class="open-code open-popover"><img src="images/codeflag.png"></a></p>
                                </div>
                            </div>
                        </div>
                        <div class="popover popover-about clearfix">
                            <img src="images/coupon_code.png">
                        </div>
                    </li>
                    <li class="coupon clearfix">
                        <div class="coupon_bg">
                            <img src="images/couponbg.png">
                            <div class="coupon_con clearfix">
                                <div class="coupon_con_left">
                                    <p class="top">¥100元</p>
                                    <p class="foot">满5000减500</p>
                                </div>
                                <div class="coupon_con_center">
                                    <p class="top">仅限活动商品</p>
                                    <p class="center">2017-05-01~2017-08-07</p>
                                    <p class="foot"><a class="sharebtn">分享</a></p>
                                </div>
                                <div class="coupon_con_right">
                                    <p class="coupon_qrcode"><a href="#" class="open-code open-popover"><img src="images/codeflag.png"></a></p>
                                </div>
                            </div>
                        </div>
                        <div class="popover popover-about clearfix">
                            <img src="images/codeflag.png">
                        </div>
                    </li>
                    <li class="coupon clearfix">
                        <div class="coupon_bg">
                            <img src="images/couponbg.png">
                            <div class="coupon_con clearfix">
                                <div class="coupon_con_left">
                                    <p class="top">¥100元</p>
                                    <p class="foot">满5000减500</p>
                                </div>
                                <div class="coupon_con_center">
                                    <p class="top">仅限活动商品</p>
                                    <p class="center">2017-05-01~2017-08-07</p>
                                    <p class="foot"><a class="sharebtn">分享</a></p>
                                </div>
                                <div class="coupon_con_right">
                                    <p class="coupon_qrcode"><a href="#" class="open-code open-popover"><img src="images/codeflag.png"></a></p>
                                </div>
                            </div>
                        </div>
                        <div class="popover popover-about clearfix">
                            <img src="images/coupon_code.png">
                        </div>
                    </li>
                    <li class="coupon clearfix">
                        <div class="coupon_bg">
                            <img src="images/couponbg.png">
                            <div class="coupon_con clearfix">
                                <div class="coupon_con_left">
                                    <p class="top">¥100元</p>
                                    <p class="foot">满5000减500</p>
                                </div>
                                <div class="coupon_con_center">
                                    <p class="top">仅限活动商品</p>
                                    <p class="center">2017-05-01~2017-08-07</p>
                                    <p class="foot"><a class="sharebtn">分享</a></p>
                                </div>
                                <div class="coupon_con_right">
                                    <p class="coupon_qrcode"><a href="#" class="open-code open-popover"><img src="images/codeflag.png"></a></p>
                                </div>
                            </div>
                        </div>
                        <div class="popover popover-about clearfix">
                            <img src="images/coupon_code.png">
                        </div>
                    </li>
                </ul>
            </div>
            <!-- Preloader -->
            <div class="infinite-scroll-preloader">
                <div class="preloader"></div>
            </div>
        </div>
    </div>
    <!-- ###########发卷 end ################ -->

    <!-- ###########创建方案 start ################ -->
    <div data-page="p-createplan" id="p-createplan" class="page cached">
        <div class="navbar nav_color">
            <div class="navbar-inner">
                <div class="left sliding"><a href="#p-home" class="link icon-only back animation">
                    <i class="hicon icon-back"><img src="images/back.png" class="back head_icon"></i></a>
                </div>
                <div class="sliding title_color">创建方案</div>
                <div class="right"><a href="#" class="link icon-only open-panel"></a></div>

                <div class="subnavbar nav_color">
                    <div class="buttons-row button_rest">
                        <a href="#tab1" class="button select_house tab-link active">选择户型</a>
                        <a href="#tab3" class="button select_house tab-link">上传户型</a>
                    </div>
                </div> 
            </div>
        </div>
        <div class="page-content with-subnavbar">
            <div class="tabs">
            <div id="tab1" class="tab active">
                <div class="search_city borderradius boxshadow clearfix">
                        <div class="search_city_title">城市</div>
                        <div class="row select_city_box">
                            <div class="col-33 select_input">
                                <div class="select_value">全国</div>
                                <ul class="room path hidden">
                                    <li>北京</li>
                                    <li>清海</li>
                                    <li>甘肃</li>
                                </ul>
                            </div>
                            <div class="col-33 select_input">
                                <div class="select_value">全部</div>
                                <ul class="room path hidden">
                                    <li>北京</li>
                                    <li>上海</li>
                                    <li>深圳</li>
                                    <li>广州</li>
                                </ul>
                            </div>
                            <div class="col-33 select_input">
                                <div class="select_value">全部</div>
                                <ul class="room path hidden">
                                   <li>海淀</li>  
                                   <li>昌平</li>  
                                </ul>
                            </div>
                            <div class="shop_search_box">
                                <input type="text" placeholder="请输入小区名称" class="shop_search_input borderradius" value='' />
                                <a class="shop_search_btn"><img src="images/search1.png"></a>
                            </div>
                        </div>
                </div>
                <div class="search_city_foot cursor"><img src="images/down.png" id="js_search_foot"></div>
                <div class="search_city borderradius boxshadow clearfix">
                    <div class="search_city_title">厅室类型</div>
                    <div id="search_room_list" class="hidden">
                        <ul class="select_type clearfix">
                            <li class="select_input">
                                <div class="select_value">全部</div>
                                <ul class="room hidden hall">
                                    <li>一</li>
                                    <li>二</li>
                                    <li>三</li>
                                    <li>四</li>
                                </ul>
                            </li>
                            <li class="word"><p>室</p></li>
                            <li class="select_input">
                                <div class="select_value">全部</div>
                                <ul class="room hidden">
                                    <li>一</li>
                                    <li>二</li>
                                    <li>三</li>
                                    <li>四</li>
                                </ul>
                            </li>
                            <li class="word"><p>厅</p></li>
                        </ul>
                        <div class="search_city_title clearfix">面积区间</div>
                            <div class="acreage_all">
                                <div class="acreage">
                                    <div class="select_value search_area">全部</div>
                                    <ul class="room area hidden">
                                        <li><60</li>
                                        <li>60-90</li>
                                        <li>90-120</li>                            
                                        <li>120-150</li>                            
                                        <li>150以上</li>                            
                                    </ul>                              
                                </div>
                                <p class="meter">平米</p>
                            </div>
                        </div>
                    </div>
                <div class="search_city_top cursor hidden"><img src="images/up.png" id="js_search_top"></div>
                <!-- 方案列表 -->
                <div class="packages">
                    <ul>
                        <li class="package_list borderradius boxshadow">
                            <p><img src="images/lizi.png" id="js_house_img"></p>
                            <p>水岸花城两室一厅 78㎡</p>
                            <p class="house_control borderradius">
                               <a href="#p-selectstyle" class="item-link item-content house_btn">使用户型图</a>
                               <a class="look_house_btn">查看户型图</a>
                            </p>
                        </li>
                    </ul>
                    <ul>
                        <li class="package_list borderradius boxshadow">
                            <p><img src="images/lizi.png" id="js_house_img"></p>
                            <p>水岸花城两室一厅 78㎡</p>
                            <p class="house_control borderradius">
                               <a href="#selectstyle" class="item-link item-content house_btn">使用户型图</a>
                               <a class="look_house_btn">查看户型图</a>
                            </p>
                        </li>
                    </ul>
                    <ul>
                        <li class="package_list borderradius boxshadow">
                            <p><img src="images/lizi.png" id="js_house_img"></p>
                            <p>水岸花城两室一厅 78㎡</p>
                            <p class="house_control borderradius">
                               <a href="#p-selectstyle" class="item-link item-content house_btn">使用户型图</a>
                               <a class="look_house_btn">查看户型图</a>
                            </p>
                        </li>
                    </ul>
                </div>
            </div>
                <!-- 方案列表end -->
            <div id="tab3" class="tab">
                暂未开发
            </div>

            </div>
        </div>                          
    </div>         
    <!-- ###########创建方案 end ################ -->

    <!-- ###########新顾客 start ################ -->
    <div data-page="p-newclient" id="p-newclient" class="page cached">
        <div class="navbar nav_color">
            <div class="navbar-inner">
                <div class="left sliding"><a href="#p-home" class="link icon-only back animation">
                    <i class="hicon icon-back"><img src="images/back.png" class="back head_icon"></i></a>
                </div>
                <div class="sliding title_color">+新顾客</div>
                <div class="right"><a href="#" class="link icon-only open-panel"></a></div>
            </div>
        </div>
        <div class="page-content">
            <div class="con-background"></div>
            <div class="main clearfix">
                <div class="user_infor_box borderradius boxshadow">
                    <p class="user_infor_title wordcolor">1：姓名性别【未知姓名可填写特征】</p>
                    <p class="user_infor">
                        <span class="user_infor_left">姓名：</span>
                        <span class="user_infor_right grayword">
                            <input class="user_input" name="username" value="" placeholder="请输入姓名或特征" />
                        </span>
                    </p>
                    <p class="user_infor">
                        <span class="user_infor_left">性别：</span>
                        <span class="user_infor_right grayword">
                            <u class="sex_u active">A:先生</u>
                            <u class="sex_u">A:女士</u>
                        </span>
                    </p>
                    <p class="user_infor">
                        <span class="user_infor_left">年龄段：</span>
                        <span class="user_infor_right grayword">
                            <u class="age_u">A:20+</u>
                            <u class="age_u active">B:30+</u>
                            <u class="age_u">C:40+</u>
                            <u class="age_u">D:50+</u>
                        </span>
                    </p>
                </div>
                <div class="user_infor_box borderradius boxshadow">
                    <p class="user_infor_title wordcolor">2：顾客联系方式</p>
                    <p class="user_infor">
                        <span class="user_infor_left">手机号：</span>
                        <span class="user_infor_right grayword">
                            <input class="user_input" name="username" value="" placeholder="请输入手机号" />
                        </span>
                    </p>
                    <p class="user_infor">
                        <span class="user_infor_left">微信号：</span>
                        <span class="user_infor_right grayword">
                            <input class="user_input" name="username" value="" placeholder="请输入微信号" />
                        </span>
                    </p>
                </div>
                <div class="user_infor_box borderradius boxshadow">
                    <p class="user_infor_title wordcolor">3：顾客职业</p>
                    <p class="user_infor grayword">
                        <u class="work_u">A:普通职工</u>
                        <u class="work_u active">B:高管</u>
                        <u class="work_u">C:老板</u>
                    </p>
                    <p class="user_infor grayword">
                        <u class="work_u">D:自由职业</u>
                        <u class="work_u">E:其他</u>
                    </p>
                </div>
                <div class="my_pattern clearfix content-block">
                    <a href="#" class="item-link list-button guide_pattern cursor active js_greatprogram">去创建方案</a>
                    <a href="#" class="item-link list-button shopping_pattern cursor active js_saveprogram">保存</a>
                </div>
            </div>
        </div>
    </div>
    <!-- ###########新顾客 end ################ -->
    
    <!-- ########## 意向商品 start ################ -->
    <div data-page="p-purpose" id="p-purpose" class="page cached">
        <div class="navbar nav_color">
            <div class="navbar-inner">
                <div class="left sliding"><a href="#" class="link icon-only back animation">
                    <i class="hicon icon-back"><img src="images/back.png" class="back head_icon"></i></a>
                </div>
                <div class="sliding title_color">意向商品</div>
                <div class="right"><a href="#" class="link icon-only open-panel"></a></div>
            </div>
        </div>
        <div class="page-content">
            <div class="con-background"></div>
               <div class="main clearfix">
                <ul class="intentionalgoodslist borderradius boxshadow clearfix">
                    <li class="intentionalgoods">
                        <div class="igoods_point"><img src="images/bluepoint.png"></div>
                        <div class="igoods_img"><img src="images/lizi.png"></div>
                        <div class="igoods_con">
                            <p class="top">诺斯伯三人沙发</p>
                            <p class="center">这里是商品简介</p>
                            <p class="bottom">¥ <span>3466</span>.00</p>
                        </div>
                        <div class="igoods_add"><img src="images/add.png"></div>
                        <div class="igoods_num">8</div>
                        <div class="igoods_del"><img src="images/del.png"></div>
                    </li>
                    <li class="intentionalgoods">
                        <div class="igoods_point"><img src="images/bluepoint.png"></div>
                        <div class="igoods_img"><img src="images/lizi.png"></div>
                        <div class="igoods_con">
                            <p class="top">诺斯伯三人沙发</p>
                            <p class="center">这里是商品简介</p>
                            <p class="bottom">¥ <span>3466</span>.00</p>
                        </div>
                        <div class="igoods_add"><img src="images/add.png"></div>
                        <div class="igoods_num">8</div>
                        <div class="igoods_del"><img src="images/del.png"></div>
                    </li>
                    <li class="intentionalgoods">
                        <div class="igoods_point"><img src="images/bluepoint.png"></div>
                        <div class="igoods_img"><img src="images/lizi.png"></div>
                        <div class="igoods_con">
                            <p class="top">诺斯伯三人沙发</p>
                            <p class="center">这里是商品简介</p>
                            <p class="bottom">¥ <span>3466</span>.00</p>
                        </div>
                        <div class="igoods_add"><img src="images/add.png"></div>
                        <div class="igoods_num">8</div>
                        <div class="igoods_del"><img src="images/del.png"></div>
                    </li>
                </ul>
                <p class="intentionalgoodscount borderradius boxshadow clearfix">
                    <span>共<u>3</u>件商品</span>
                    <span>优惠：<u>¥ <i>426</i>.00</u></span>
                    <span>合计：<u>¥ <i>42677</i>.00</u></span>
                </p>
                <p class="style_btn button_style_b" id="js_greatprogram">去生成方案</p>
                <p class="style_btn button_style_y" id="js_senduser">发送给顾客</p>
            </div>
        </div>
    </div>
    <!-- ########## 意向商品 end ################ -->

    <!-- ########## 方案列表 start################ -->
    <div data-page="p-packagelist" id="p-packagelist" class="page cached">
        <div class="navbar nav_color">
            <div class="navbar-inner">
                <div class="left sliding"><a href="#p-home" class="link icon-only back animation">
                    <i class="hicon icon-back"><img src="images/back.png" class="back head_icon"></i></a>
                </div>
                <div class="sliding title_color">方案列表</div>
                <div class="right"><a href="#" class="link icon-only open-panel"></a></div>
            </div>
        </div>
        <div class="page-content">
            <div class="content clearfix">
            <ul class="lists clearfix">
                <li>
                    <div class="listone_time">2017-08-03  15:23</div>
                    <div class="listone borderradius boxshadow">
                        <p class="imgbox">
                            <img src="images/imglist/1.jpg">
                            <span class="shareflag"><img src="images/indexshare.png"></span>
                        </p>
                        <p class="word_one">
                            <a class="word_one_left">顾客号：123456789</a>
                            <a class="word_one_right">方案名称</a>
                        </p>
                        <p class="word_specil_two">
                            <a class="word_two_top">风格：现代简约   三室一厅|84㎡</a>
                        </p>
                    </div>
                </li>
                <li>
                    <div class="listone_time">2017-08-03  15:23</div>
                    <div class="listone borderradius boxshadow">
                        <p class="imgbox">
                            <img src="images/imglist/1.jpg">
                            <span class="shareflag"><img src="images/indexshare.png"></span>
                        </p>
                        <p class="word_one">
                            <a class="word_one_left">顾客号：123456789</a>
                            <a class="word_one_right">方案名称</a>
                        </p>
                        <p class="word_specil_two">
                            <a class="word_two_top">风格：现代简约   三室一厅|84㎡</a>
                        </p>
                    </div>
                </li>
            </ul>
        </div>
        </div>
    </div>
    <!-- ########## 方案列表 end################ -->

    <!-- ########## 消息 start ################ -->
    <div data-page="p-messagelist" id="p-messagelist" class="page cached">
        <div class="navbar nav_color">
            <div class="navbar-inner">
                <div class="left sliding"><a href="#p-home" class="link icon-only back animation">
                    <i class="hicon icon-back"><img src="images/back.png" class="back head_icon"></i></a>
                </div>
                <div class="sliding title_color">消息</div>
                <div class="right"><a href="#" class="link icon-only open-panel"></a></div>
            </div>
        </div>
        <div class="page-content">
            <div class="con-background"></div>
            <div class="main clearfix">
            <ul class="messagelist clearfix">
                <li class="message_box borderradius boxshadow clearfix">
                    <a href="#" class="item-link item-content">
                        <div class="message_img"><img src="images/bg.png"><p class="newmessage"></p></div>
                        <div class="message_con">
                            <u class="message_name">系统消息</u>
                            <u class="message_title">这里是最新一条消息的标题</u>
                        </div>
                    </a>
                </li>
                <li class="message_box borderradius boxshadow clearfix">
                    <a href="#" class="item-link item-content">
                        <div class="message_img"><img src="images/bg.png"></div>
                        <div class="message_con">
                            <u class="message_name">厂家消息</u>
                            <u class="message_title">这里是最新一条消息的标题</u>
                        </div>
                    </a>
                </li>
            </ul>
        </div>

    <!-- ########## 消息 end ################ -->

    <!-- ########## 选择风格 start ################ -->
    <div data-page="p-selectstyle" id="p-selectstyle" class="page cached">
        <div class="navbar nav_color">
            <div class="navbar-inner">
                <div class="left sliding"><a href="#p-createplan" class="link icon-only back animation">
                    <i class="hicon icon-back"><img src="images/back.png" class="back head_icon"></i></a>
                </div>
                <div class="sliding title_color">选择风格</div>
                <div class="right"><a href="#" class="link icon-only open-panel"></a></div>
            </div>
        </div>
        <div class="page-content">
            <div class="con-background"></div>
            <div class="main clearfix">
            <ul class="stylelist clearfix">
                <li class="styleone borderradius boxshadow">
                    <p class="styleimg"><img src="images/style/11.png"></p>
                    <p class="stylename">欧式风格</p>
                </li>
                <li class="styleone borderradius boxshadow">
                    <p class="styleimg"><img src="images/style/22.png"></p>
                    <p class="stylename">现代风格</p>
                </li>
                <li class="styleone borderradius boxshadow">
                    <p class="styleimg"><img src="images/style/33.png"></p>
                    <p class="stylename">中式风格</p>
                </li>
                <li class="styleone borderradius boxshadow">
                    <p class="styleimg"><img src="images/style/11.png"></p>
                    <p class="stylename">欧式风格</p>
                </li>
            </ul>
            <p class="style_btn button_style_b" id="quick_style">快速方案</p>
            <p class="style_btn button_style_y">设计方案</p>
        </div>
        </div>
    </div>
    <!-- ########## 选择风格 end ################ -->

    <!-- ########## 个人资料 start ################ -->
    <div data-page="p-peraonal" id="p-peraonal" class="page cached">
        <div class="navbar nav_color">
            <div class="navbar-inner">
                <div class="left sliding"><a href="#p-myInfo" class="link icon-only back animation">
                    <i class="hicon icon-back"><img src="images/back.png" class="back head_icon"></i></a>
                </div>
                <div class="sliding title_color">个人资料</div>
                <div class="right"><a href="#" class="link icon-only open-panel"></a></div>
            </div>
        </div>
        <div class="page-content">
            <div class="my_btnlist_box clearfix">
                <ul class="my_btnlist item-content borderradius boxshadow clearfix">
                    <li class="my_btn my_btn_bg">
                        <a class="person_a">姓名</a>
                        <a class="person_a"><input class="person_name" type="text" name="name" value="白云" /></a>
                    </li>
                    <li class="my_btn my_btn_bg">
                        <a class="person_a">性别</a>
                        <a class="person_a">
                            <div class="person_sex">
                                <p class="person_sex_male">男</p>
                                <p class="person_sex_female active">女</p>
                            </div>
                        </a>
                    </li>
                    <li class="my_btn">
                        <a class="person_a">出生年月</a>
                          <!--    <ul style="border-top:hidden">
                               <li>
                                 <div class="item-content">
                                   <div class="item-inner">
                                     <div class="item-input">
                                       <input type="text" class="birthday_input" placeholder="Date Time" readonly id="picker-date">
                                     </div>
                                   </div>
                                 </div>
                               </li>
                             </ul> -->
                        <!-- <div id="picker-date-container"></div> -->
                        <div class="item-content">
                            <div class="item-inner">
                              <div class="item-input">
                                <input type="text" class="birthday_input" value="2014-04-30" readonly id="calendar-date">
                              </div>
                            </div>
                        </div>
                    </li>
                </ul>
                <ul class="my_btnlist borderradius boxshadow clearfix">
                    <li class="my_btn my_btn_bg">
                        <a class="person_a">绑定手机</a>
                        <a class="person_a">18247514215</a>
                    </li>
                    <li class="my_btn my_btn_bg">
                        <a class="person_a">店铺</a>
                        <a class="person_a">北京某某家具城</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- ########## 个人资料 end ################ -->

    <!-- ##########顾客列表 start ################ -->
    <div data-page="p-userlist" id="p-userlist" class="page cached">
        <div class="navbar nav_color">
            <div class="navbar-inner">
                <div class="left sliding"><a href="#p-myInfo" class="link icon-only back animation">
                    <i class="hicon icon-back"><img src="images/back.png" class="back head_icon"></i></a>
                </div>
                <div class="sliding title_color">顾客列表</div>
                <div class="right"><a href="#" class="link icon-only open-panel"></a></div>
            </div>
        </div>
        <div class="page-content">
        <div class="adduser_btn borderradius bgcolor"><a href="#p-newclient" class="item-link item-content">+新顾客</a></div>
            <div class="operationlog_box clearfix borderradius boxshadow">
                <div class="search_by_time">
                    <div class="search_time borderradius">
                        <div class="item-content">
                            <div class="item-inner"> 
                                <div class="item-input">
                                    <input type="date" class="searchtime" placeholder="Birth day" value="2014-04-30">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="search_time_line"></div>
                    <div class="search_time borderradius">
                        <div class="item-content">
                            <div class="item-inner"> 
                                <div class="item-input">
                                    <input type="date" class="searchtime" placeholder="Birth day" value="2014-04-30">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="search_time_btn"><img src="images/search1.png"></div>
                </div>
            </div>
            <div class="userlist_box clearfix boxshadow">
                <div class="userlist_time clearfix">
                    <p class="userlist_title">2017-08-04</p>
                    <ul class="userlist clearfix">
                        <li class="user">
                            <p class="user_style"><img src="images/pc.png"></p>
                            <p class="user_info">
                                <u class="first_child">名字</u>
                                <u class="last_child">18247261111</u>
                            </p>
                            <p class="user_control clearfix">
                                <img src="images/addprogram.png">
                                <u class="user_time">10:47</u>
                            </p>
                        </li>
                        <li class="user">
                            <p class="user_style"><img src="images/ipad.png"></p>
                            <p class="user_info">
                                <u class="first_child">名字</u>
                                <u class="last_child">18247261111</u>
                            </p>
                            <p class="user_control clearfix">
                                <img src="images/addprogram.png">
                                <u class="user_time">10:47</u>
                            </p>
                        </li>
                    </ul>
                </div>
                <div class="userlist_time clearfix">
                    <p class="userlist_title">2017-08-04</p>
                    <ul class="userlist clearfix">
                        <li class="user">
                            <p class="user_style"><img class="phoneflag" src="images/phone.png"></p>
                            <p class="user_info">
                                <u class="first_child">名字</u>
                                <u class="last_child">18247261111</u>
                            </p>
                            <p class="user_control clearfix">
                                <img src="images/addprogram.png">
                                <u class="user_time">10:47</u>
                            </p>
                        </li>
                        <li class="user">
                            <p class="user_style"><img src="images/ipad.png"></p>
                            <p class="user_info">
                                <u class="first_child">名字</u>
                                <u class="last_child">18247261111</u>
                            </p>
                            <p class="user_control clearfix">
                                <img src="images/addprogram.png">
                                <u class="user_time">10:47</u>
                            </p>
                        </li>
                        <li class="user">
                            <p class="user_style"><img src="images/pc.png"></p>
                            <p class="user_info">
                                <u class="first_child">名字</u>
                                <u class="last_child">18247261111</u>
                            </p>
                            <p class="user_control clearfix">
                                <img src="images/addprogram.png">
                                <u class="user_time">10:47</u>
                            </p>
                        </li>
                        <li class="user">
                            <p class="user_style"><img class="phoneflag" src="images/phone.png"></p>
                            <p class="user_info">
                                <u class="first_child">名字</u>
                                <u class="last_child">18247261111</u>
                            </p>
                            <p class="user_control clearfix">
                                <img src="images/addprogram.png">
                                <u class="user_time">10:47</u>
                            </p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- ##########顾客列表 end ################ -->

    <!-- ########## 操作日志start ################ -->
    <div data-page="p-operationlog" id="p-operationlog" class="page cached">
        <div class="navbar nav_color">
            <div class="navbar-inner">
                <div class="left sliding"><a href="#p-myInfo" class="link icon-only back animation">
                    <i class="hicon icon-back"><img src="images/back.png" class="back head_icon"></i></a>
                </div>
                <div class="sliding title_color">个人资料</div>
                <div class="right"><a href="#" class="link icon-only open-panel"></a></div>
            </div>
        </div>
        <div class="page-content">
            <div class="con-background"></div>
            <div class="main clearfix">
                <div class="operationlog_box boxshadow borderradius clearfix">
                    <div class="operationlog_title">我的操作日志</div>
                    <div class="search_by_time">
                        <div class="search_time borderradius">
                            <div class="item-content">
                                <div class="item-inner"> 
                                    <div class="item-input">
                                        <input type="date" class="searchtime" placeholder="Birth day" value="2014-04-30">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="search_time_line"></div>
                        <div class="search_time borderradius">
                            <div class="item-content">
                                <div class="item-inner"> 
                                    <div class="item-input">
                                        <input type="date" class="searchtime" placeholder="Birth day" value="2014-04-30">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="search_time_btn"><img src="images/search1.png"></div>
                    </div>
                </div>
                <ul class="operationloglist">
                    <li class="operationlog boxshadow borderradius clearfix">
                        <p class="name">操作日志</p>
                        <p class="time">2017-08-18  16:05</p>
                    </li>
                    <li class="operationlog boxshadow borderradius clearfix">
                        <p class="name">创建方案</p>
                        <p class="names">方案名称</p>
                        <p class="time">2017-08-18  16:05</p>
                    </li>
                    <li class="operationlog boxshadow borderradius clearfix">
                        <p class="name">新建户型图</p>
                        <p class="names">水岸花城2室1厅</p>
                        <p class="time">2017-08-18  16:05</p>
                    </li>
                </ul>
            </div>
        </div>
    </div> 
    <!-- ########## 操作日志 end ################ -->

    <!-- ########## 关于 ################ -->
    <div data-page="p-about" id="p-about" class="page cached">
        <div class="navbar nav_color">
            <div class="navbar-inner">
                <div class="left sliding"><a href="#p-myInfo" class="link icon-only back animation">
                    <i class="hicon icon-back"><img src="images/back.png" class="back head_icon"></i></a>
                </div>
                <div class="sliding title_color">个人资料</div>
                <div class="right"><a href="#" class="link icon-only open-panel"></a></div>
            </div>
        </div>
        <div class="page-content">
            <div class="about_box">
                <p class="about_logo"><img src="images/logo.png"></p>
                <p class="about_name">智购宝●MoMall  0.0.1</p>
            </div>
                <div class="my_btnlist_box clearfix">
                    <ul class="my_btnlist borderradius boxshadow clearfix">
                      <li class="my_btn"><a href="#" class="item-link item-content">公司介绍</a></li>
                    </ul>
                    <ul class="my_btnlist borderradius boxshadow clearfix">
                      <li class="my_btn"><a href="#" class="item-link item-content">关于我们</a></li>
                    </ul>
                    <ul class="my_btnlist borderradius boxshadow clearfix">
                      <li class="my_btn"><a href="#" class="item-link item-content">联系我们</a></li>
                    </ul>
                </div>
            <p class="style_btn button_style_b" id="js_quit">退出登录</p>
        </div>
    </div> 
    <!-- ########## 关于end ################ -->
    

</div></div></div>
<script type="text/javascript" src="js/framework7.min.js"></script>
<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="js/swiper.min.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="js/pay.base.js"></script>
<script type="text/javascript" src="js/my-app.js"></script>
<script type="text/javascript" src="js/jQuery-shopping.js"></script>
<script type="text/javascript" src="js/pay.main.js"></script>
<script type="text/javascript" src="js/pay.app.js"></script>
</body>
</html>